*{padding: 0;margin: 0;}
a{text-decoration: none;}

header{
    width: 100%;
    height: 15%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2;
}
.xuanzhong:hover{
	color: rgba(35, 117, 255, 1);
}
.btn1:hover{
	color: rgba(35, 117, 255, 1);
}
.btn2:hover{
	color: rgba(35, 117, 255, 1);
}
.btn3:hover{
	color: rgba(35, 117, 255, 1);
}
.btn4:hover{
	color: rgba(35, 117, 255, 1);
}
.btn5:hover{
	color: rgba(35, 117, 255, 1);
}
.submenu {
    width: 100%;
    height: 300px;
    position: absolute;
    top: 100%;
    background: rgba(214, 214, 214, 0.12);
    backdrop-filter: blur(70px);
    padding: 10px;
    list-style: none;
    padding: 0;
    padding-top: 20px;
    display: none;
}
.submenu>div{
    position: absolute;
    /* right: 28.5%; */
	right: 37%;
    line-height: 40px;
}
.submenu>div:nth-child(2){
    position: absolute;
    right: 30%;
    line-height: 40px;
}
.submenu>div:nth-child(3){
    position: absolute;
    right: 23%;
    line-height: 40px;
}
.submenu>div:nth-child(4){
    position: absolute;
    right: 16%;
    line-height: 40px;
}
.submenu>div ul{
    list-style: none;
}
.submenu>div li a{
    color: white;
}
header img{
    width: 64.18px;
    height: 64.18px;
}
header>div{
    display: flex;
    align-items: center;
    margin-left: 5%;
    margin-top: 1.5%;
}
header ul:nth-child(2){
   list-style: none;
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 600px;
   margin-right: 10%;
}
header ul:nth-child(2) li a{
    color: white;
}
header ul:nth-child(2) li .active{
    color: rgba(35, 117, 255, 1);
}
header ul:nth-child(2) li:last-child{
    padding: 5px 10px;
    background-color: rgb(50, 52, 57);
}
header ul:nth-child(2) li:last-child a{
    padding: 5px;
}
/* header ul:nth-child(2) li:last-child a:nth-child(1){
    padding:2px 5px;
    background-color: rgba(35, 117, 255, 1);
    border-radius: 5px;
    margin-right: 5px;
} */
.banner{
    width: 100%;
    height: 400px;
    margin-top: -100px;
}
.banner img{
    width: 100%;
    height: 400px;
}
.brand{
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    display: flex;
}
.brand .left{
    width: 25%;
    height: 500px;
    background: rgba(214, 214, 214, 0.36);
    padding: 20px;
    margin-top: -70px;
    padding-top: 50px;
    margin-right: 150px;
	margin-left: 15%;
	backdrop-filter: blur(70px);
}
.brand .left h2{
    font-weight: 400;
    margin-bottom: 20px;
}
.brand .left ul{
    list-style: none;
    line-height: 50px;
}
.brand .left ul li a{
    color: black;
}
.brand .left ul li:nth-child(1) a{
    /* color: rgba(35, 117, 255, 1); */
}
.brand .right {
    width: 100%;

}
.brand .right .brand_item5 div {
    border-left: 2px solid rgba(243, 192, 116, 1);
}

.brand .right{
	width: 100%;
	margin-left: -7%;
}
.brand .right>div>p{
    margin: 20px 0;
    border-bottom: 1px solid rgb(173, 173, 173);
    padding-bottom: 20px;
}
.brand .right .brand_item5 ul li{
    margin: 20px 0;
    margin-left: 14px;
    color: rgba(243, 192, 116, 1);
}
.brand .right .brand_item5 ul li p{
    color: black;
}
.brand .right>div>div>p{
    line-height: 30px;
}
.brand .right .brand_item4 .search{
    width: 220px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    background: rgba(237, 237, 237, 1);
    padding:10px 20px;
    border-radius: 30px;
}
.brand .right .brand_item4 .search img{
    width: 30px;
    height: 30px;
    margin-left: 10px;
}
.brand .right .brand_item4 .search input{
    border: 0;
    background: rgba(237, 237, 237, 1);
}
.brand .right .brand_item4 .xinxi{
    background: rgba(245, 245, 245, 1);
    padding: 20px;
    height: 300px;
}
.brand .right .brand_item4 .xinxi>div{
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid gray;
    padding-bottom: 20px;
}
.brand .right .brand_item4 .huanying{
    display: flex;
    justify-content: space-around;
    padding: 10px;
    margin: 30px 0;
    border: 1px solid rgb(226, 226, 226);
}
.brand .right .brand_item4 .huanying>div{
    display: flex;
    align-items: center;
    background-color: rgba(245, 245, 245, 1);
    padding: 10px;
}
.brand .right .brand_item4 .huanying p{
    width: 30px;
    height: 30px;
    background-color: white;
    border-radius: 50%;
}
.brand .right .brand_item5>div{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.brand .right .brand_item5>div>div{
    width: 48%;
    height: 200px;
    background-color: rgb(245, 245, 245);
    border-radius: 5px;
}
.brand .right .brand_item5>div>div img{
    width: 70px;
    height: 70px;
    margin-right: 30px;
}
.brand .right .brand_item5>div>div:nth-child(1){
    display: flex;
    align-items: center;
    justify-content: center;
}
.brand .right .brand_item5>div>div:nth-child(2){
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: left;
}
footer{
    width: 100%;
    margin: 0 auto;
    background-color: rgb(49, 49, 51);
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
	margin-top: 2%;
}
footer img{
    width: 64.18px;
    height: 64.18px;
}
footer>div{
    display: flex;
    align-items: center;
}
footer ul{
    display: flex;
    list-style: none;
    margin-top: 20px;
}
footer ul li a{
    color: gray;
}
footer>p{
    color: white;
    margin: 20px 0;
}
footer>span{
    color: gray;
    font-size: 13px;
}

.brand_item1{
	width: 85%;
}
.brand_item2{
	width: 85%;
}

.brand_item3{
	width: 85%;
}

.brand_item4{
	width: 85%;
}


.brand_item5{
	width: 85%;
	
}

